ValidationField.render - Code Metrics - Inspection of "Bump version to `1.4.0`." - ridi/simple-service-status - Measure and Improve Code Quality continuously with Scrutinizer

Passed

Push — master ( 3aee49...a38a3e )

by Seonkuk

created 2020-01-23 01:31 UTC

ValidationField.render A

↳ Parent: ValidationField

Complexity

Conditions

Size

Total Lines	14
Code Lines	14

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
cc	2
eloc	14
dl	0
loc	14
rs	9.7
c	0
b	0
f	0

import React from 'react';
import PropTypes from 'prop-types';
import {
  FormGroup,
  ControlLabel,
} from 'react-bootstrap';

export default class ValidationField extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      validation: 'success',
      feedback: '',
    };
  }

  componentWillMount() {
    if (this.context) {
      this.context.addField(this);
    }
  }

  validate() {
    let isValid = true;
    let [validation, feedback] = ['success', ''];
    try {
      this.props.validate();
    } catch (e) {
      isValid = false;
      validation = 'error';
      feedback = e.message;
    }
    this.setState({ validation, feedback });
    return isValid;
  }

  render() {
    return (
      <FormGroup validationState={this.state.validation} {...this.props}>
        <ControlLabel>
          {this.props.label} {this.props.required ? <sup>&#x2731;</sup> : ''}
        </ControlLabel>
        <div className="form-control-wrap">
          {this.props.children}
        </div>
        <div className="form-control-feedback">
          {this.state.feedback}
        </div>
      </FormGroup>
    );
  }
}

ValidationField.defaultProps = {
  validate: () => true,
  required: false,
};

ValidationField.propTypes = {
  validate: PropTypes.func,
  controlId: PropTypes.string.isRequired,
  label: PropTypes.string.isRequired,
  required: PropTypes.bool,
};

ValidationField.contextTypes = {
  fields: PropTypes.any,
  addField: PropTypes.func.isRequired,
  removeField: PropTypes.func.isRequired,
  validate: PropTypes.func.isRequired,
  reset: PropTypes.func.isRequired,
};


1			import React from 'react';
2			import PropTypes from 'prop-types';
3			import {
4			FormGroup,
5			ControlLabel,
6			} from 'react-bootstrap';
7
8			export default class ValidationField extends React.Component {
9			constructor(props) {
10			super(props);
11			this.state = {
12			validation: 'success',
13			feedback: '',
14			};
15			}
16
17			componentWillMount() {
18			if (this.context) {
19			this.context.addField(this);
20			}
21			}
22
23			validate() {
24			let isValid = true;
25			let [validation, feedback] = ['success', ''];
26			try {
27			this.props.validate();
28			} catch (e) {
29			isValid = false;
30			validation = 'error';
31			feedback = e.message;
32			}
33			this.setState({ validation, feedback });
34			return isValid;
35			}
36
37			render() {
38			return (
39			<FormGroup validationState={this.state.validation} {...this.props}>
40			<ControlLabel>
41			{this.props.label} {this.props.required ? <sup>✱</sup> : ''}
42			</ControlLabel>
43			<div className="form-control-wrap">
44			{this.props.children}
45			</div>
46			<div className="form-control-feedback">
47			{this.state.feedback}
48			</div>
49			</FormGroup>
50			);
51			}
52			}
53
54			ValidationField.defaultProps = {
55			validate: () => true,
56			required: false,
57			};
58
59			ValidationField.propTypes = {
60			validate: PropTypes.func,
61			controlId: PropTypes.string.isRequired,
62			label: PropTypes.string.isRequired,
63			required: PropTypes.bool,
64			};
65
66			ValidationField.contextTypes = {
67			fields: PropTypes.any,
68			addField: PropTypes.func.isRequired,
69			removeField: PropTypes.func.isRequired,
70			validate: PropTypes.func.isRequired,
71			reset: PropTypes.func.isRequired,
72			};
73

ridi / simple-service-status

Push — master ( 3aee49...a38a3e )

ValidationField.render A

Complexity

Size

Duplication

Importance

Duplication Side-by-Side

Filter issues like